import styled from 'styled-components';

// 样式被编译为随机哈希类名，如 sc-bdnxRM jvBkjP
const StyledAvatar = styled.img`
  border-radius: 50%;
  width: ${(props) => props.width || '100px'}; /* 支持动态样式 */
  height: ${(props) => props.height || '100px'}; /* 支持动态样式 */
  border: 2px solid ${props => props.bordercolor || '#f40'};
`;

export default function AvatarSC() {
  const avatarURL =
    'https://xiaocantongxue.oss-cn-beijing.aliyuncs.com/site/mysite-prev-image/gaoqin-pexels-rodnae-productions-886511016609662545198414.jpg';
  return <StyledAvatar src={avatarURL} width="200px" height="200px" bordercolor="#2196f3" alt="用户头像"/>;
}
